<template>
  <div class="about">
    <h1>This is an learn3</h1>
    {{ count }}
    <el-button @click="addCount">add</el-button>
    <Child name="jack" :count="count"></Child>
  </div>
</template>


<script lang="jsx" setup name="user">
import { ref, reactive, onUpdated, onMounted } from "vue";
import Child from './page3-child.vue';

function useCount() {
  const count = ref(0)
  const addCount = () => {
    count.value ++
  }
  return {
    count,  addCount
  }
}

const {count, addCount} = useCount()

console.log(44444);

onUpdated(() => {
  
  console.log('page3-update');
})



</script>

<style>

</style>
